<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Document</title>
</head>
<!-- 前端：用户能看到的内容
    交互：action后面提供数据存放网址，前端后端建立联系，规范定义
     后端：数据的增删改查 -->
<body>
    <!-- 调查问卷：选项（单选，多选）开放题 -->
    <form action="https:www.baidu.com">
        <!-- fieldset:定义了一组相关的表单元素，并使用外框包含起来
        <legend>:	定义了 <fieldset> 元素的标题 -->
        <fieldset>
            <legend style="text-align: center;">调查问卷:</legend>
        <p>
            <!-- 文本输入框 -->
            姓名：<input type="text" name="username">
        </p>
        <!-- 单选框 -->
        <p>
            <!-- 分组 -->
            性别：<input type="radio" name="sex" value="male">男<input type="radio" name="sex" value="female">女
        </p>
        <p>
            学年：<input type="radio" name="grade" >大三<input type="radio" name="grade">大四
        </p>
        <!-- 多选框 -->
        <p>
            爱好：<input type="checkbox" name="hobbies">读书 <input type="checkbox" name="hobbies" >看报 <input type="checkbox" name="hobbies">听歌
        </p>
        <!-- 下拉单 -->
        <p>
            城市：<select name="city" >
                <option value="">北京</option>
                <option value="">上海</option>
                <option value="">广州</option>
                <option value="">深圳</option>
            </select>
        </p>
        <p>
            意见反馈：<textarea name="suggesttion" id="suggesttion" cols="30" rows="10"></textarea>
        </p>
        <button type="submit">提交</button>
        <input type="reset" value="reset" >
        </fieldset>
    </form>
</body>
</html>